<template>
	<div>
		<h1>{{msg}}</h1>
		<h2>姓名：{{name}}</h2>
		<h2>性别：{{sex}}</h2>
		<h2>年龄：{{myage + 1}}</h2>
		
		<button @click="showName">点击显示姓名</button>
	</div>
</template>

<script>
	
	//引入一个混合
import { mixin, mixin2 } from '@/mixin'

	
	export default {
		name:"Student",
		data(){
			return {
				msg:"我是尚硅谷的学生",
				name:"学生",
				sex:"男",
				myage:19,
				/* 
				1.如果你没有有x，混入有，使用混入的，你有，混入也有，以你的为准；
				2.但生命周期钩子例外，你有生命周期钩子，混入也有，两者都调用；且先调用混入的生命周期钩子；
				3.组件已经是在复用代码了，如果组件有相同的配置，可以借用混合去复用；
				 */
				x:666, 
			}
		},
		  mixins:[mixin,mixin2] //引入2个混入，2个混入代码会共存；
	}
</script>

<style>
</style>